<template>
  <view class="component empty-view">
    <image class="pic" src="@/static/images/empty.png" />
    <text class="text">{{ text }}</text>
  </view>
</template>

<script setup>

const props = defineProps({
  text: {
    type: String,
    default: '暂时没有新的盘点任务哟~'
  }
});
</script>

<style lang="scss" scoped>
.empty-view {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  
  .pic {
    width: 360rpx;
    height: 360rpx;
  }

  .text {
    color: #ABAEC7;
    font-size: 26rpx;
    font-style: normal;
    font-weight: 400;
    line-height: 40rpx;
    text-align: center;
  }
}
</style>